<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>慕粉3224635的经验</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <meta property="qc:admins" content="77103107776157736375" />
    <meta property="wb:webmaster" content="c4f857219bfae3cb" />
    <meta http-equiv="Access-Control-Allow-Origin" content="*" />
    <meta http-equiv="Cache-Control" content="no-transform " />
    <meta name="keywords" content="慕课网，慕课官网，MOOC，移动开发，IT技能培训，免费编程视频，php开发教程，web前端开发，在线编程学习，html5视频教程，css教程，ios开发培训，安卓开发教程" />
    <meta name="description" content="慕课网（IMOOC）是学习编程最简单的免费平台。慕课网提供了丰富的移动端开发、php开发、web前端、html5教程以及css3视频教程等课程资源。它富有交互性及趣味性，并且你可以和朋友一起编程。" />
    <link rel="stylesheet" href="/Statics/css/base.css?v=1461734761" type="text/css"/>
    <link rel="stylesheet" href="/Statics/css/common-less.css?v=1461734761" type="text/css"/>
    <link rel="stylesheet" href="/Statics/css/ucenter/u_common-less.css?v=1461734761" type="text/css"/>
    <link rel="stylesheet" href="/Statics/css/ucenter/experience-less.css?v=1461734761" type="text/css"/>
    <link rel="stylesheet" href="/Statics/css/ucenter/layer.css?v=1461734761" type="text/css"/>

</head>
<body >

<div id="header">
    <div class="page-container" id="nav">
        <div id="logo" class="logo"><a href="/" target="_self" class="hide-text">慕课网</a></div>
        <button type="button" class="navbar-toggle visible-xs-block js-show-menu" >
            <i class="icon-menu"></i>
        </button>
        <ul class="nav-item">
            <li class="set-btn visible-xs-block"><a href="/u/3224635/courses" target="_self"><img src='http://img.mukewang.com/user/545862aa0001f8da02200220-40-40.jpg' width='40' height='40' /></a>
            <li>
                <a href="/course/list"  target="_self">课程</a>
            </li>
            <li><a href="/wenda"  target="_self">猿问</a></li>
            <li><a href="/article"  target="_self">手记</a></li>
            <li class="visible-xs-block"><a href="/user/setprofile" target="_self">我的设置</a></li>
            <li class="visible-xs-block"><a href="/passport/user/logout?referer=http://www.imooc.com" target="_self">退出</a></li>

        </ul>

        <div id="login-area">
            <ul class="clearfix logined">
                <li class="set_btn user-card-box">
                    <a id="header-avator" class="user-card-item" action-type="my_menu"  href="/u/3224635/courses" target="_self"><img src='http://img.mukewang.com/user/545862aa0001f8da02200220-40-40.jpg' width='40' height='40' />
                        <i class="myspace_remind" style="display: none;"></i>
                        <span style="display: none;">动态提醒</span>
                    </a>
                    <div class="g-user-card">
                        <div class="card-inner">
                            <div class="card-top">
                                <a href='/u/3224635/courses'><img src="http://img.mukewang.com/545862aa0001f8da02200220-100-100.jpg" alt="慕粉3224635" class="l"></a>
                                <a href='/u/3224635/courses'><span class="name text-ellipsis">慕粉3224635</span></a>
                                <p class="meta">
                                    <a href="/u/3224635/experience">经验<b id="js-user-mp">40</b></a>
                                    <a href="/u/3224635/credit">积分<b id="js-user-credit">0</b></a>            </p>

                                <a href='/user/setprofile' class='icon-set setup'></a>
                            </div>
                            <!--
                            <div class="card-links">
                                <a href="/space/index" class="my-mooc l">我的慕课<i class="dot-update"></i></a>
                                <span class="split l"></span>
                                <a href="/myclub/myquestion/t/ques" class="my-sns l">我的社区</a>
                            </div>
                            -->
                            <div class="card-history">
                                <span class="history-item">
                                    <span class="tit text-ellipsis">React实战--打造画廊应用（上）</span>
                                    <span class="media-name text-ellipsis">1-1 react实践介绍</span>
                                    <i class="icon-clock"></i>
                                                                            <a href="/video/11739" class="continue">继续</a>
                                                                    </span>
                            </div>
                            <div class="card-sets clearfix">
                                <a href="/wenda/save" target="_blank" class="l mr30">发问题</a>
                                <a href="/article/publish" target="_blank" class="l">写文章</a>
                                <a href="/passport/user/logout?referer=http://www.imooc.com" class="r">退出</a>
                            </div>
                        </div>
                        <i class="card-arr"></i>
                    </div>
                </li>
            </ul>
        </div>
        <!--
<div class="app-down-area r">
    <a href="/mobile/app">
        <i class="header-app-icon"></i>慕课APP
    </a>
</div>
-->
    </div>
</div>
<div id="main">
    <!--黑色框框-->
    <div class="big-pic">
        <div class="user-info">
            <h3 class="user-name clearfix">
                <span>慕粉3224635</span>
            </h3>
            <!--25-->
            <p class="about-info">
                <span class='gender ' title='男'></span>
                北京
                PHP开发工程师
            </p>
            <p class="user-desc">陪伴，是最长情的告白</p>
            <div class="study-info clearfix">
                <div class="item study-time">
                    <em>13分</em><span>学习时长</span>
                </div>
                <div class="item integral">
                    <a href='/u/3224635/credit'><em>0</em><span>赚取积分</span></a>
                </div>
                <div class="item experience">
                    <a href='/u/3224635/experience'><em>40</em><span>获得经验</span></a>
                </div>
            </div><!--.study-info end-->
        </div><!-- .user-info end -->
    </div><!-- .big-pic end -->
    <!--下部主体-->
    <div class="wrap">
        <!--头像 课程分类-->
        <div class="slider">
            <div class="user-pic">
                <div class="user-pic-bg"></div><!--user-pic-big end-->
                <img class='img' src="http://img.mukewang.com/545862aa0001f8da02200220-200-200.jpg" alt=""/>
                <div class="set-btn"><a href="/user/setprofile"><i class="icon-set"></i></a></div>
            </div>
            <ul>
                <li><a href="/u/3224635/courses" ><i class="icon-tick"></i><span>课程</span><b class="icon-drop_right"></b></a></li>
                <li><a href="/u/3224635/bbs" ><i class="icon-yuanwen"></i><span>猿问</span><b class="icon-drop_right"></b></a></li>
                <li><a href="/u/3224635/articles" ><i class="icon-blog"></i><span>手记</span><b class="icon-drop_right"></b></a></li>
            </ul>
        </div><!-- .slider end -->
        <div class="u-container">
            <!--当前的经验-->
            <div class="current-status">
                <div class="cur-info clearfix">
                    <div class="cur-experience">
                        <h3>您当前获得经验</h3>
                        <em>40</em>
                    </div>
                    <div class="sort">
                        <div class="experience-desc">MP（Mooc Points）是您在慕课网学习获得的经验值</div>
                        <p>您比昨天<i class="icon-godown"></i><span>2388</span>位</p>
                    </div><!-- .sort end -->
                </div><!-- .cur-info end -->
                <div class="experience-sort">
                    <div class="left-btn exper-btn"><i class="icon-left2"></i></div>
                    <div class="right-btn exper-btn"><i class="icon-right2"></i></div>
                    <div class="scroll-panel">
                        <ul class="clearfix">
                            <li class="">
                                <div class="item-wrap">
                                    <div class="status-icon">
                                        <div class="icon-bg normal"></div>
                                        <i class="icon-exp_o"></i>
                                    </div>
                                    <div class="experience-num">84</div>
                                    <div class="user-pic">
                                        <a href="/u/100556/courses">
                                            <img src="http://img.mukewang.com/533e4d510001c2ad02000200-100-100.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="user-name">
                                        <a href="/u/100556/courses">942252257</a>
                                    </div>
                                </div><!-- .item-wrap end -->
                            </li>
                            <li class="">
                                <div class="item-wrap">
                                    <div class="status-icon">
                                        <div class="icon-bg normal"></div>
                                        <i class="icon-exp_o"></i>
                                    </div>
                                    <div class="experience-num">72</div>
                                    <div class="user-pic">
                                        <a href="/u/100775/courses">
                                            <img src="http://img.mukewang.com/529ef9a600011a9301000100-100-100.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="user-name">
                                        <a href="/u/100775/courses">鼎讯网络-...</a>
                                    </div>
                                </div><!-- .item-wrap end -->
                            </li>
                            <li class="">
                                <div class="item-wrap">
                                    <div class="status-icon">
                                        <div class="icon-bg normal"></div>
                                        <i class="icon-exp_o"></i>
                                    </div>
                                    <div class="experience-num">67</div>
                                    <div class="user-pic">
                                        <a href="/u/100037/courses">
                                            <img src="http://img.mukewang.com/52610a44000119d701800180-100-100.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="user-name">
                                        <a href="/u/100037/courses">夕阳夜色...</a>
                                    </div>
                                </div><!-- .item-wrap end -->
                            </li>
                            <li class="">
                                <div class="item-wrap">
                                    <div class="status-icon">
                                        <div class="icon-bg normal"></div>
                                        <i class="icon-exp_o"></i>
                                    </div>
                                    <div class="experience-num">51</div>
                                    <div class="user-pic">
                                        <a href="/u/100252/courses">
                                            <img src="http://img.mukewang.com/533e4bec0001ae5302000200-100-100.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="user-name">
                                        <a href="/u/100252/courses">Fante</a>
                                    </div>
                                </div><!-- .item-wrap end -->
                            </li>
                            <li class="">
                                <div class="item-wrap">
                                    <div class="status-icon">
                                        <div class="icon-bg normal"></div>
                                        <i class="icon-exp_o"></i>
                                    </div>
                                    <div class="experience-num">45</div>
                                    <div class="user-pic">
                                        <a href="/u/100110/courses">
                                            <img src="http://img.mukewang.com/52fc6c7b00013d3006400640-100-100.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="user-name">
                                        <a href="/u/100110/courses">yolanda</a>
                                    </div>
                                </div><!-- .item-wrap end -->
                            </li>
                            <li class="active">
                                <div class="item-wrap">
                                    <div class="status-icon">
                                        <div class="icon-bg"></div>
                                        <i class="icon-left3"></i>
                                    </div>
                                    <div class="experience-num">40</div>
                                    <div class="user-pic">
                                        <a href="/u/3224635/courses">
                                            <img src="http://img.mukewang.com/545862aa0001f8da02200220-100-100.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="user-name">
                                        <a href="/u/3224635/courses">慕粉322463...</a>
                                    </div>
                                </div><!-- .item-wrap end -->
                            </li>
                            <li class="active">
                                <div class="item-wrap">
                                    <div class="status-icon">
                                        <div class="icon-bg"></div>
                                        <i class="icon-tick-revert"></i>
                                    </div>
                                    <div class="experience-num">35</div>
                                    <div class="user-pic">
                                        <a href="/u/100135/courses">
                                            <img src="http://img.mukewang.com/52610a49000198c400400040-100-100.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="user-name">
                                        <a href="/u/100135/courses">s5t</a>
                                    </div>
                                </div><!-- .item-wrap end -->
                            </li>
                            <li class="active">
                                <div class="item-wrap">
                                    <div class="status-icon">
                                        <div class="icon-bg"></div>
                                        <i class="icon-tick-revert"></i>
                                    </div>
                                    <div class="experience-num">25</div>
                                    <div class="user-pic">
                                        <a href="/u/100174/courses">
                                            <img src="http://img.mukewang.com/52610a4b00010ad900400040-100-100.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="user-name">
                                        <a href="/u/100174/courses">芷旭</a>
                                    </div>
                                </div><!-- .item-wrap end -->
                            </li>
                            <li class="active">
                                <div class="item-wrap">
                                    <div class="status-icon">
                                        <div class="icon-bg"></div>
                                        <i class="icon-tick-revert"></i>
                                    </div>
                                    <div class="experience-num">15</div>
                                    <div class="user-pic">
                                        <a href="/u/10001/courses">
                                            <img src="http://img.mukewang.com/53460c910001e43306000338-100-100.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="user-name">
                                        <a href="/u/10001/courses">保留名字...</a>
                                    </div>
                                </div><!-- .item-wrap end -->
                            </li>
                            <li class="active">
                                <div class="item-wrap">
                                    <div class="status-icon">
                                        <div class="icon-bg"></div>
                                        <i class="icon-tick-revert"></i>
                                    </div>
                                    <div class="experience-num">5</div>
                                    <div class="user-pic">
                                        <a href="/u/10666/courses">
                                            <img src="" alt=""/>
                                        </a>
                                    </div>
                                    <div class="user-name">
                                        <a href="/u/10666/courses"></a>
                                    </div>
                                </div><!-- .item-wrap end -->
                            </li>
                        </ul>
                    </div><!-- .scroll-panel end -->
                </div><!-- .experience-sort end -->
            </div><!-- .current end -->
            <!--经验历史记录-->
            <div class="log-list">
                <div class="title clearfix">
                    <h3>经验历史记录</h3>
                    <!--<p>此处最多保留最近1个月的记录</p>-->
                </div>
                <table>
                    <tr>
                        <td class="col1">+10</td>
                        <td class="col2">2016-04-20 23:00</td>
                        <td class="col3">看完一节视频</td>
                        <td class="col4">
                            <a target="_blank" href="/video/494">1-4 设计原则</a>
                        </td>
                    </tr>
                    <tr>
                        <td class="col1">+10</td>
                        <td class="col2">2016-04-20 22:58</td>
                        <td class="col3">看完一节视频</td>
                        <td class="col4">
                            <a target="_blank" href="/video/493">1-3 优点和缺点</a>
                        </td>
                    </tr>
                    <tr>
                        <td class="col1">+10</td>
                        <td class="col2">2016-04-20 22:50</td>
                        <td class="col3">看完一节视频</td>
                        <td class="col4">
                            <a target="_blank" href="/video/492">1-2 认识响应式布局</a>
                        </td>
                    </tr>
                    <tr>
                        <td class="col1">+10</td>
                        <td class="col2">2016-04-20 22:47</td>
                        <td class="col3">看完一节视频</td>
                        <td class="col4">
                            <a target="_blank" href="/video/491">1-1 基本背景介绍</a>
                        </td>
                    </tr>
                </table>

            </div><!-- .log-list end-->

        </div><!-- .container end -->
    </div><!-- .wrap end-->

</div>

<div id="footer" >
    <div class="waper">
        <div class="footerwaper clearfix">
            <div class="followus r">
                <a class="followus-weixin" href="javascript:;"  target="_blank" title="微信">
                    <div class="flw-weixin-box"></div>
                </a>
                <a class="followus-weibo" href="http://weibo.com/u/3306361973"  target="_blank" title="新浪微博"></a>
                <a class="followus-qzone" href="http://user.qzone.qq.com/1059809142/" target="_blank" title="QQ空间"></a>
            </div>
            <div class="footer_intro l">
                <div class="footer_link">
                    <ul>
                        <li><a href="http://www.imooc.com/" target="_blank">网站首页</a></li>
                        <li><a href="/about/job" target="_blank">人才招聘</a></li>
                        <li> <a href="/about/contact" target="_blank">联系我们</a></li>
                        <li><a href="http://yun.imooc.com/" target="_blank">慕课云</a></li>
                        <li><a href="/corp/index" target="_blank">合作专区</a></li>
                        <li><a href="/about/us" target="_blank">关于我们</a></li>
                        <li> <a href="/about/recruit" target="_blank">讲师招募</a></li>
                        <li> <a href="/user/feedback" target="_blank">意见反馈</a></li>
                        <li> <a href="/about/friendly" target="_blank">友情链接</a></li>
                    </ul>
                </div>
                <p>Copyright © 2016 imooc.com All Rights Reserved | 京ICP备 13046642号-2</p>
            </div>
        </div>
    </div>
</div>
<!--浮动条 微信qq...-->
<div id="J_GotoTop" class="elevator">
    <a class="elevator-weixin" href="javascript:;">
        <div class="elevator-weixin-box">
        </div>
    </a>
    <a class="elevator-msg" href="/user/feedback" target="_blank" id="feedBack"></a>
    <a class="elevator-app" href="http://www.imooc.com/mobile/app" >
        <div class="elevator-app-box">
        </div>
    </a>
    <a class="elevator-top" href="javascript:;" style="display:none" id="backTop"></a>
</div>
</body>
</html>